<<template>
  <div>
    <a-tabs default-active-key="1" @change="callback">
      <a-tab-pane key="1" tab="供应商">
        <HqStSupplierList/>
      </a-tab-pane>
      <a-tab-pane key="2" tab="食材" force-render>
        <HqStShicList/>
      </a-tab-pane>
      <a-tab-pane key="3" tab="采购单" force-render>
        <HqStCaigdList/>
      </a-tab-pane>
      
    </a-tabs>
  </div>
</template>
<script>
import HqStSupplierList from './HqStSupplierList'
import HqStShicList from './HqStShicList'
import HqStCaigdList from './HqStCaigdList'

export default {
  components: {
    HqStSupplierList,
    HqStShicList,
    HqStCaigdList
  },
  data() {
    return {}
  },
  methods: {
    callback(key) {
      console.log(key)
    }
  }
}
</script>
